<script setup>
import { onMounted, ref } from 'vue';
import {get} from '../api/http'

const text = ref('#### 暂无内容')

const initPage = () => {
    get('public/about').then(res=>{
        if(res.status){
            text.value = res.data
        }
    })
}

onMounted(()=>{
    initPage()
})

</script>
<template>
    <main v-blog-title data-title="关于本站">
        <el-row justify="center">
            <el-col :lg="20" :md="20">
                <v-md-preview class="previewPage" :text="text"></v-md-preview>
            </el-col>
        </el-row>
    </main>
</template>
<style scoped>
    main{
        padding: 10px;
        border-radius: 5px;
        background-color: #F2F3F5;
        color: #272B4E;
    }
    .previewPage{
        background-color: #fff;
    }
</style>